body {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #ffffff!important;
  position: relative;
  font-family: Arial,"Microsoft YaHei";
  overflow-y: auto!important;
  overflow-x: auto!important;
  -webkit-font-smoothing: subpixel-antialiased;
}
h1,h2,h3,h4,h5,h6,ul,p{
  margin:0;
  padding:0;
}
img{
  border:0!important;
}
a{
  cursor: pointer;
  text-decoration: none;
}
.clear{
  clear: both;
}
input,textarea{
  outline: none;
  color: #594e48;
  cursor: Auto!important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
::-webkit-input-placeholder { /* WebKit browsers */
  color: #9c999c!important;
  font-weight: 300;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #9c999c!important;
  font-weight: 300;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #9c999c!important;
  font-weight: 300;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #9c999c!important;
  font-weight: 300;
}
input[type="number"]{
  -moz-appearance: textfield;
}
ul{
  list-style: none;
}
button{
  cursor: pointer;
  border: none;
  outline: none;
  border-radius: 2px!important;
}
textarea {
  resize: none;
  overflow: auto;
}
.hiddenBox{
  display: none;
}
.marginBottom{
  clear: both;
  height: 34px;
  margin-bottom: 24px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
  background-color: #2c8cff;
}
.breadHead{
  font-size: 14px;
  line-height: 20px;
  a{
    color: rgb(44,140,255);
  }
}
.labelLeft{
  text-align: left!important;
  line-height: 24px;
}
.basicInformation{
  p{
    line-height: 50px!important;
  }
}
.formGroup{
  margin-bottom: 14px;
  clear: both;
  overflow: hidden;
}
.formGroupModle{
  clear: both;
  overflow: hidden;
  padding: 24px 48px;
  border-bottom: 1px solid rgb(232,233,233);
  position: relative;

  line-height: 24px;
  font-size: 14px;
  color: #333333;
  p{
  }
}
.formGroupContent{
  .userImg{
    width: 88px;
    margin-bottom: 4px;
  }
  p{
    line-height: 24px;
    font-size: 14px;
    color: rgb(51,51,51);
    a{
      color: rgb(44,140,255);
    }
    .confirm{
      height: 24px;
      width: 14px;
      float: left;
      margin-right: 3px;
      display: block;
      background-repeat: no-repeat;
      background-position: center;
      background-image: url(../images/Icon14OK.png);
      background-image: -webkit-image-set(url(../images/Icon14OK.png) 1x,url(../images/Icon14OK@2x.png) 2x,url(../images/Icon14OK@3x.png) 3x);
    }
    .cancel{
      height: 24px;
      width: 14px;
      float: left;
      margin-right: 3px;
      display: block;
      background-repeat: no-repeat;
      background-position: center;
      background-image: url(../images/Icon14NO.png);
      background-image: -webkit-image-set(url(../images/Icon14NO.png) 1x,url(../images/Icon14NO@2x.png) 2x,url(../images/Icon14NO@3x.png) 3x);
    }
  }
}

.inputBox{
  clear: both;
  overflow: hidden;
  width: 70%;
  margin-top: 2px;
  margin-bottom: 14px;
  p{
    float: left;
    line-height: 24px;
    font-size: 14px;
    color: rgb(51,51,51);
  }
}
.editBox{
  display: none;
  .userImg{
    width: 88px;
    margin-bottom: 4px;
    a{
      text-align: center;
      width: 100%;
      color: rgb(44,140,255);
      line-height: 24px;
      display: block;
      margin-bottom: 14px;
    }
  }
  p{
    line-height: 24px;
    font-size: 14px;
    color: rgb(51,51,51);
    a{
      color: rgb(44,140,255);
    }
  }
}
.marginNone{
  margin: 0!important;
}

.marginTop{
  margin-top: 14px!important;
}
.checked{
  margin-right: 5px!important;
  margin-top: 0;
}
.btn:focus, .btn:active:focus, .btn.active:focus{
  outline: none!important;
}
.button{
  padding: 7px 13px!important;
  margin-right: 8px;
}
.buttonLine{
  padding: 4px 13px!important;
}
.buttonLine2{
  padding: 6px 13px!important;
}
.blueLink{
  display: inline-block;
  line-height: 20px;
  border-radius: 2px;
  text-align: center;
  text-decoration: none;
  padding: 7px 14px;
  font-size: 14px;
  color: #ffffff;
  background-color: rgb(44,140,255);
  &:hover,&:focus{
    text-decoration: none;
    color: #ffffff;
    background-color: #277EE6;
  }
  &:active{
    text-decoration: none;
    color: #ffffff;
    background-color: #216AC2;
  }
}
.blueBtn{
  display: inline-block;
  line-height: 20px;
  border-radius: 2px;
  padding: 7px 14px;
  font-size: 14px;
  color: #ffffff;
  background-color: rgb(44,140,255);
  text-decoration: none;
  &:hover,&:focus{
    color: #ffffff;
    background-color: #277EE6;
    text-decoration: none;
  }
  &:active{
    color: #ffffff;
    background-color: #216AC2;
    text-decoration: none;
  }
}
.grayLineLink{
  border-radius: 2px;
  padding: 6px 14px;
  display: inline-block;
  border: 1px solid #277EE6;
  font-size: 14px;
  color: #277EE6;
  background: none;
  text-align: center;
  &:hover{
    background-color: #277EE6;
    color: #ffffff!important;
    text-decoration: none;
  }
  &:active{
    background-color: #216AC2;
    color: #ffffff!important;
    text-decoration: none;
  }
  &:focus{
    color: #277EE6;
    text-decoration: none;
  }
}
.contentBody{
  border: 1px solid rgb(232,233,233);
  border-bottom: none;
  position: relative;
  clear: both;
  overflow: hidden;
  .edit{
    position: absolute;
    top:0;
    right: 0;
    color: rgb(44,140,255);
    font-size: 14px;
    line-height: 24px;
  }
}
.borderLine{
  border:1px solid rgb(232,233,233);
  border-top: none;
  padding: 24px 15px;
}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td{
  border-bottom-width: 0;
}
.tableBox{
  input[type=radio], input[type=checkbox]{
    margin: 0!important;
  }
  border:none!important;
  tr{
    .checkedBox{
      width: 15px;
    }
    .idEmail{
      width: 90px;
    }
    th,td{
      word-break: break-all;
      word-wrap: break-word;
      border:1px solid rgb(232,233,233)!important;
      vertical-align:middle!important;
      font-size: 14px;
      color: rgb(94,98,102);
      a{
        color: rgb(44,140,255);
        font-size: 14px;
      }
    }
  }
}
.container-fluid,.container{
  padding: 0;
}
.boxed-view .container {
  background-color: #FFFFFF;
}
.custom-nav > li > a{
  color: rgb(94,98,102);
}
.custom-nav > li > a:hover, .custom-nav > li > a:active,.custom-nav > li.menu-list > a:hover,.custom-nav > li.nav-active > a{
  background-color: #f5f6fb!important;
  color: rgb(44,140,255)!important;
}
.custom-nav .sub-menu-list > li > a:hover, .custom-nav .sub-menu-list > li > a:active, .custom-nav .sub-menu-list > li > a:focus{
  background-color: rgb(247,247,247);
  color: rgb(44,140,255);
  font-size: 14px;
}
.custom-nav .sub-menu-list{
  background-color: rgb(247,247,247);
}
.custom-nav .sub-menu-list > li > a{
  color: rgb(94,98,102);
  font-size: 14px;
}
.custom-nav .sub-menu-list > li.active > a{
  color: rgb(44,140,255);
  background-color: rgb(245,246,251);
}
.custom-nav > li.active > a, .custom-nav > li.active > a:hover, .custom-nav > li.active > a:focus{
  color: rgb(44,140,255);
  background-color: rgb(245,246,251);
}
.custom-nav .sub-menu-list > li > a:hover, .custom-nav .sub-menu-list > li > a:active, .custom-nav .sub-menu-list > li > a:focus{
  background-color: rgb(232,235,246)!important;
  font-size: 14px;
}
.custom-nav .sub-menu-list > li.active > a{
  background-color: rgb(232,235,246)!important;
}
.left-side{
  min-height: 100%;
  border:1px solid rgb(232,233,233);
  border-top:none;
  border-bottom: none;
}
.main-content{
  background-color: #FFFFFF;
}
.page-heading h3{
  color: rgb(76,76,76);
}

.custom-tab{
  background-color: rgb(243,245,250)!important;
  border-bottom: 1px solid rgb(232,233,233);
}
.custom-tab li a:hover, .custom-tab li.active a{

  color: rgb(51,51,51)!important;
}
.nav-tabs>li:first-child{

}
.panel-heading .nav > li.active > a{
  border:1px solid rgb(232,233,233)!important;
  border-bottom: rgb(255,255,255)!important;
}
.panel{
  box-shadow: none;
}
.panel-heading .nav > li > a:hover{
  border:1px solid #f3f5fa;
  border-bottom: rgb(255,255,255);
  color: rgb(51,51,51)!important;
}
.panel-heading .nav > li > a, .panel-heading .nav > li.active > a,.panel-heading .nav > li.active > a:hover{
  border:1px solid #f3f5fa;
  border-bottom: rgb(255,255,255);
  font-size: 14px;
  line-height: 20px;
  padding: 12px 8px !important;
  margin-right: 0;
}

.panel-heading .nav > li.active > a:focus{
  border:1px solid #333;
   color: rgb(51,51,51)!important;
  border-bottom: rgb(255,255,255);
  font-size: 14px;
  line-height: 20px;
  padding: 12px 8px !important;
  margin-right: 0;
}
.nav-tabs>li>a{
  margin: 0;
}
.panel-heading .nav{
  margin: 0;
}
.nav > li > a:hover, .nav > li > a:focus{
  background-color: #FFFFFF;
}
.panel-heading.custom-tab{
  padding: 0;
}
.headerBox{
  position: relative;
  z-index: 200;
  border-bottom: 1px solid rgb(232,233,233);
  .navbar-toggle{
    margin-top: 22px;
  }
  .navbar{
    background: none;
    box-shadow: none;
    border: none;
    margin: 0;
    margin-left: -8px;
  }
  .navDropdown{
    padding: 13px 0;
  }
  .loading{
    margin-top:8px;
    border-radius: 2px;
    background-color: #2c8cff;
    padding: 7px 20px;
    float: right;
    font-size: 14px;
    color: #ffffff!important;
    background-image: none;
    text-shadow: none;
    &:hover,&:focus{
      background-color: #277EE6!important;
      color: #ffffff!important;
    }
    &:active{
      background-color: #216AC2!important;
      color: #ffffff!important;
    }
  }
  .logo{
    margin-top: 14px;
    margin-bottom: 14px;
    float: left;
    img{
      height: 48px;
    }
  }
}

.footer{
  padding: 40px 0;
  background-color: #f5f6fb;
  .container{
    background-color: inherit;
  }
  .footerLeft{
    width: 90%;
    float: left;
    .footListTitle{
      margin-left: -8px;
    }
    .addressMessage{
      margin-top: 14px;
      line-height: 28px;
      font-size: 14px;
      color: rgb(94,98,102);
      .aboutUsLink{
        float: right;
      }
      p{
        float: left;
        line-height: 28px;
        margin-right: 15px;
      }
      span{
        float: right;
        margin-left: 30px;
        a{
          color: rgb(94,98,102);
          font-weight: 400;
          &:hover{
            font-weight: 500;
          }
        }
      }
    }
    .address{
      float: left;
      font-size: 12px;
      color: rgb(144,148,153);
      line-height: 20px;
      a{
        color: rgb(144,148,153);
      }
    }
  }
  .footerRight{
    width: 10%;
    float: right;
    img{
      float: right;
      margin-top: 30px;
    }
  }
}

.page_bar{
  padding-top: 30px;
  padding-bottom: 48px;
  width: 100%;
  height: 36px;
  clear: both;
  .page{
    width: 600px;
    height: 36px;
    margin: 0 auto;
    .last_page_btn{
      float: left;
      width: 80px;
      height: 36px;
      background: rgb(245,246,251);
      border: solid 1px #eeeff2;
      cursor: pointer;
      .left_arrow{
        float: left;
        width: 16px;
        height: 16px;
        margin-left: 8px;
        margin-top: 10px;
        background: url("../images/icon-arrows-left.png") no-repeat;
      }
      span{
        float: left;
        line-height: 36px;
        color: #594e48;
        font-size: 14px;
      }
    }
    .last_page_btn:hover{
      background: rgb(44,140,255);
      .left_arrow{
        background: url("../images/icon_arrows_left_w.png") no-repeat;
      }
      span{
        color: white;
      }
    }
    .digit_btn{
      margin-left: 6px;
      float: left;
      width: 206px;
      height: 100%;
      ul{
        .active{
          color: white;
          background: rgb(44,140,255);
        }
        margin: 0;
        li{
          list-style: none;
          float: left;
          text-align: center;
          line-height: 36px;
          color: #594e48;
          font-size: 14px;
          width: 35px;
          height: 36px;
          background: rgb(245,246,251);
          border-top: solid 1px #eeeff2;
          border-bottom: solid 1px #eeeff2;
          border-right: solid 1px #eeeff2;
          cursor: pointer;
        }
        li:first-child{
          border-left: solid 1px #eeeff2;
        }
        li:hover{
          color: white;
          background: rgb(44,140,255);
        }
      }
      span{
        line-height: 36px;
        margin-left: 6px;
      }
    }
    .next_page_btn{
      float: left;
      width: 80px;
      height: 36px;
      background:rgb(245,246,251);
      border: solid 1px #eeeff2;
      cursor: pointer;
      .right_arrow{
        float: right;
        width: 16px;
        height: 16px;
        background: url("../images/icon-arrows-right.png") no-repeat;
        margin-right: 8px;
        margin-top: 10px;
      }
      span{
        float: left;
        line-height: 36px;
        color: #594e48;
        font-size: 14px;
        margin-left: 12px;
      }
    }
    .next_page_btn:hover{
      background: rgb(44,140,255);
      .right_arrow{
        background: url("../images/icon_arrows_right_w.png") no-repeat;
      }
      span{
        color: white;
      }
    }
    .total_pages{
      float: left;
      margin-left: 12px;
      height: 100%;
      font-size: 12px;
      color: #71767a;
      line-height: 36px;
      input{
        padding: 0;
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0;
        width: 20px;
        height: 20px;
        margin-left: 4px;
        border: solid 1px #eeeff2;
        text-align: center;
        line-height: 24px;
      }
      span{
        margin-left: 4px;
      }
    }
    .submit{
      width: 45px;
      height: 24px;
      float: left;
      border: solid 1px #eeeff2;
      text-align: center;
      line-height: 20px;
      font-size: 12px;
      color: #71767a;
      background: white;
      margin-left: 12px;
      margin-top: 6px;
      cursor: pointer;
      outline: none;
    }
    .submit:hover{
      background: rgb(44,140,255);
      color: white;
    }
  }
}

.modal-content{
  .modal-header{
    padding: 0;
    border-bottom: 1px solid rgb(232,233,233);
    background-color: #FFFFFF;
    .close{
      color: rgb(94,98,102);
      margin-top: 16px;
      margin-right: 16px;
    }
    .modal-title{
      font-size: 24px;
      color: rgb(76,76,76);
      line-height: 34px;
      padding: 24px 16px;
    }
  }
  .modal-body{
    padding: 16px;
    p{
      font-size: 14px;
      color: rgb(94,98,102);
      line-height: 24px;
    }
    .descriptionList{
      border-bottom: 1px solid rgb(232,233,233);
      padding-bottom: 16px;
      margin-bottom: 24px;
    }
    ul{
      list-style: disc;
      padding-left: 25px;
      li{
        font-size: 14px;
        color: rgb(94,98,102);
        line-height: 24px;
      }
    }
    .radioBox{
      margin-top: 6px;
    }
  }
  .modal-footer{
    margin-top: 0;
  }
}
.phoneBox{
  float: left;
  width: 170px;
}
.phoneBox2{
  float: left;
}
.calendarHeader{
  padding: 0 15px;
  .calendarBox{
    margin-right: 15px;
    float: left;
  }
}
.bootstrap-timepicker{
  input{
    cursor: not-allowed !important;
  }
}
.calendarlist{
  width: 140px;
  float: left;
  .btn-primary{
    background-color: #fff;
    color: rgb(94,98,102);
    border-color: rgb(199,200,200);
  }
}
.datepicker{
  background-color: rgb(44,140,255)!important;
  border-color: rgb(44,140,255)!important;
}
.datepicker thead tr:first-child th:hover {
  background-color: #006DEB!important;
}
.datepicker td span:hover{
  background-color: #006DEB!important;
}
.datepicker td.active, .datepicker td.active:hover, .datepicker td span.active{
  background-color: #006DEB!important;
  background-image: none!important;
}
.datepicker td.day:hover{
  background-color: #006DEB!important;
}
.datepicker td.old, .datepicker td.new{
  color: #55A7FF!important;
}
.datepicker:after{
  border-bottom-color:#2c8cff !important;
}
.datepicker:before{
  border-bottom-color:#2c8cff !important;
}
.bootstrap-timepicker table td a {
  color:rgb(44,140,255)!important;
}
table.focus-on tbody tr.focused th, table.focus-on tfoot tr.focused th, table.focus-on tbody tr.focused td, table.focus-on tfoot tr.focused td{
  background-color: #006DEB!important;
  color: #fff!important;
  a{
    color: #fff!important;
  }
}
.form-control{

}
.form-control:focus, #focusedInput{
  border: 1px solid #2C8CFF;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
  background-color: #216AC2!important;
  color: #ffffff!important;
  border-color: #216AC2!important;
}
.btn-primary{
  background-color: #2C8CFF!important;
  color: #ffffff!important;
  border-color: #2C8CFF!important;
  border-top-left-radius: 0!important;
  border-bottom-left-radius: 0!important;
}
.timepicker-default{
  border-right: none;
}
.btn-default{
  background-color: #2C8CFF!important;
  color: #ffffff!important;
  border-color: #2C8CFF!important;
  width: 34px;
  margin-left: 0!important;
  border-top-left-radius: 0!important;
  border-bottom-left-radius: 0!important;
  i{
    margin-left: -2px;
  }
  &:hover{
    background-color: #216AC2 !important;
    color: #ffffff !important;
    border-color: #216AC2 !important;
  }
}
.to{
  float: left;
  height: 37px;
  line-height: 34px;
  margin: 0 8px;
}
.filterBox{
  .btn-default{
    width: inherit;
  }
  button{
    border-radius: 2px!important;
  }
  .dropdown-btn-group{
    button{
      margin-left: 10px!important;
    }
  }
}

.leftSideCollapsed{
  .sticky-left-side {
    overflow-y: visible;
  }
  .logo-icon {
    height: 45px;
    margin-top: -48px;
    display: block !important;
  }
  .header-section {
    margin-left: 0px;
  }
  .left-side {
    width: 52px;
  }
  .left-side-inner {
    padding: 0;
  }
  .custom-nav {
    margin: 2px 0 20px 0;
  }
  .custom-nav li a {
    text-align: center;
    padding: 12px;
    position: relative;
  }
  .custom-nav > li.menu-list > a {
    background-image: none;
  }
  .custom-nav li a span {
    position: absolute;
    color: #2c8cff!important;
    background-color: #f5f6fb;
    padding: 10px;
    left: 50px;
    top: 0;
    min-width: 173px;
    text-align: left;
    z-index: 100;
    display: none;
  }
  .custom-nav li a span:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #f5f6fb;
    border-width: 6px;
    margin-top: -6px;
  }
  .custom-nav li.active a span {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
   .custom-nav ul,.custom-nav .menu-list.nav-active ul {
    display: none;
  }
  .custom-nav .menu-list.nav-hover ul {
    display: block;
  }
  .custom-nav > li.nav-hover > a, .custom-nav > li.nav-hover.active > a {
    background: #fff;
    color: #424F63;
  }
  .custom-nav li.nav-hover a span {
    display: block;
    color: #fff;
  }
  .custom-nav li.nav-hover.active a span {
    color: #2c8cff!important;
    background-color: #f5f6fb;
  }
  .custom-nav li.nav-hover ul {
    display: block;
    position: absolute;
    top: 40px;
    left: 52px;
    margin: 0;
    min-width: 172px;
    background-color: #f7f7f7 ;
    z-index: 100;
    -moz-border-radius: 0 0 2px 0;
    -webkit-border-radius: 0 0 2px 0;
    border-radius: 0 0 2px 0;
  }
  .custom-nav ul a {
    text-align: left;
    padding: 6px 10px;
    padding-left: 10px;
  }
  .custom-nav ul a:hover {
    background: #e8ebf6;
  }
  .custom-nav li a i {
    margin-right: 0;
  }
  .main-content {
    margin-left: 52px;
  }
  .left-side{
    overflow: visible !important;
  }

}
.arrangeMeeting{
  .padTop{
    padding-top: 0!important;
  }
  .marginBottom{
    margin-bottom: 0!important;
  }
  .formGroupModle{
    padding-bottom: 9px!important;
  }
  .Timelist{
    width: 66px;
    float: left;
  }
}
.dropdown-menu>li{
  a{
    color: #5e6266!important;
    &:hover{
      color: #fff!important;
    }
  }
  .delete{
    color: #d9534f!important;
  }
}
.moreLink{
  a{
    min-width: 45px;
  }
}
@media screen and (max-width: 992px) {
  //修改导航变面包在992px的时候改变
  .tableBox tr th a, .tableBox tr td .twoLink{
    float: left!important;
    display: block;
    width: 100%;
  }
  .moreLink{
    float: left!important;
    display: block;
    margin: 0!important;
  }
  .logo a{
    margin:0;
  }
  .calendarHeader{
    .calendarBox{
      float: none;
      width: 100%;
      clear: both;
      overflow: hidden;
      margin-bottom: 15px;
    }
  }
  .navbar-header {
    float: none;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-collapse.collapse {
    display: none!important;
  }
  .navbar-nav {
    float: none!important;
    margin: 7.5px -15px;
  }
  .navbar-nav>li {
    float: none;
  }
  .navbar-nav>li>a {
    color: rgb(51,51,51)!important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .navbar-text {
    float: none;
    margin: 15px 0;
  }
  /* since 3.1.0 */
  .navbar-collapse.collapse.in {
    display: block!important;
  }
  .collapsing {
    overflow: hidden!important;
  }
  .container {
    width: 100%;
  }
  .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
    margin-right: 0;
    margin-left: 0;
  }
  //以上为修改导航的媒体查询
  .loading{
    float: left!important;
    margin-left: 15px!important;
  }
  .logo{
    margin-left: 15px;
  }
  .row {
    margin:0;
  }
  .footer{
    padding: 24px 15px;
    background-color: #f5f6fb;
    .footerLeft{
      width: 100%;
      float: none;
      .footListTitle{
        display: none;
      }
      .addressMessage{
        margin-top: 14px;
        line-height: 28px;
        font-size: 14px;
        color: rgb(94,98,102);
        .aboutUsLink{
          float: none;
          margin-bottom: 10px;
        }
        p{
          float: none;
          line-height: 28px;
          margin-right: 0;
        }
        span{
          float: none;
          margin-left: 0;
          margin-right: 30px;
          a{
            color: rgb(94,98,102);
            font-weight: 400;
            &:hover{
              font-weight: 500;
            }
          }
        }
      }
      .address{
        float: none;
        font-size: 12px;
        margin-top: 10px;
        color: rgb(144,148,153);
        line-height: 20px;
        a{
          display: block;
        }
      }
    }
    .footerRight{
      display: none;
    }
  }
  .page_bar{
    .page{
      width: 100%;
    }
    .total_pages{
      display: none;
    }
    .submit{
      display: none;
    }
    .digit_btn{
      display: none;
    }
    .next_page_btn{
      float: right!important;
    }
  }
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
  cursor: not-allowed!important;
  background-color: #E8E9E9!important;
  border-color: #C7C8C8!important;
}
.btn-group{
  .btn-default{
    width: inherit!important;
  }
}
.dropdownBox{
  float: left;
  margin-left: 10px;
}
@media (min-width: 993px) and (max-width:1200px) {
  body{
    .recordDetails{
      .col4{
        float: none;
        width: 100%;
      }
    }
  }
  .phoneWay{
    label{
      width: 100%;
    }
    .col-lg-3{
      width: 50%;
      float: left;
    }
  }
}
@media (max-width:1200px) {

  .meetP{
    padding: 0 15px!important;
  }
  .phoneWay{
    label{
      width: 100% !important;
    }
    .col-lg-3{
      width: 50%;
      float: left;
    }
  }
}
@media (max-width: 450px){

    .calendarBox{
      margin-bottom: 0;
      .to{
        display: none;
      }
      .phoneBox{
        width: 100%;
        margin-bottom: 15px;
        .calendarlist{
          width: 80%!important;
          width: -moz-calc(100% - 30px)!important;
          width: -webkit-calc(100% - 30px)!important;
          width: calc(100% - 30px)!important;
        }
        .calendarlist2{
          width: 100%;
        }
      }
    }

  .tableBox tr th a, .tableBox tr td a{
    float: none!important;
    display: block;
  }

}
@media only screen and (max-width: 800px){
  #no-more-tables td:before {
    position: absolute;
    top: 12px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
  }
  .checkedBox{
    .form-control{
      height: 22px;
    }
  }
}
@media only screen and (max-width: 768px){

    .sticky-left-side {
      overflow-y: visible;
    }
    .logo-icon {
      height: 45px;
      margin-top: -48px;
      display: block !important;
    }
    .header-section {
      margin-left: 0px;
    }
    .left-side {
      width: 52px;
    }
    .left-side-inner {
      padding: 0;
    }
    .custom-nav {
      margin: 2px 0 20px 0;
    }
    .custom-nav li a {
      text-align: center;
      padding: 12px;
      position: relative;
    }
    .custom-nav > li.menu-list > a {
      background-image: none!important;
    }
    .custom-nav li a span {
      position: absolute;
      color: #2c8cff!important;
      background-color: #f5f6fb;
      padding: 10px;
      left: 50px;
      top: 0;
      min-width: 173px;
      text-align: left;
      z-index: 100;
      display: none;
    }
    .custom-nav li a span:after {
      right: 100%;
      top: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(0, 0, 0, 0);
      border-right-color: #f5f6fb;
      border-width: 6px;
      margin-top: -6px;
    }
    .custom-nav li.active a span {
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      border-radius: 0;
    }
    .custom-nav ul,.custom-nav .menu-list.nav-active ul {
      display: none;
    }
    .custom-nav .menu-list.nav-hover ul {
      display: block;
    }
    .custom-nav > li.nav-hover > a, .custom-nav > li.nav-hover.active > a {
      background: #fff;
      color: #424F63;
    }
    .custom-nav li.nav-hover a span {
      display: block;
      color: #fff;
    }
    .custom-nav li.nav-hover.active a span {
      color: #2c8cff!important;
      background-color: #f5f6fb;
    }
    .custom-nav li.nav-hover ul {
      display: block;
      position: absolute;
      top: 40px;
      left: 52px;
      margin: 0;
      min-width: 172px;
      background-color: #f7f7f7 ;
      z-index: 100;
      -moz-border-radius: 0 0 2px 0;
      -webkit-border-radius: 0 0 2px 0;
      border-radius: 0 0 2px 0;
    }
    .custom-nav ul a {
      text-align: left;
      padding: 6px 10px!important;
      padding-left: 10px!important;
    }
    .custom-nav ul a:hover {
      background: #e8ebf6;
    }
    .custom-nav li a i {
      margin-right: 0!important;
    }
    .main-content {
      margin-left: 52px;
    }
    .left-side{
      overflow: visible !important;
    }


  .left-side{
    display: block;
  }
  .menu-list{
    ul{
      position: absolute;
      top: 40px;
      left: 53px;
      margin: 0;
      min-width: 172px;
      background-color: #f7f7f7;
      z-index: 100;
      border-radius: 0 0 2px 0;
    }
  }
  .formGroupModle{
    padding: 15px 0px;
  }
  .form-horizontal {
    .form-group{
      margin: 0;
    }
  }
  .calendarHeader{
    padding: 0;
    .pull-right{
      float: left!important;
    }
  }
  .filterBox{
    .focus-btn-group{
      float: none!important;
    }
    .dropdown-btn-group{
      float: none!important;
      button{
        margin-left: 0!important;
        margin-right: 10px;
      }
    }
  }
  .wrapper{
    padding: 0;
  }
  .contentBody{
    border-right: none;
    border-left: none;
    .edit{
      right: 15px;
    }
  }
  .custom-tab{
    border-right: none;
    border-left: none;
  }
  .panel{
    margin-left: -1px;
  }
  .panel-heading{
    margin-top: -1px;
  }
  .panel-heading .nav > li > a, .panel-heading .nav > li.active > a, .panel-heading .nav > li.active > a:hover{
    padding: 12px 8px !important;
  }
  .calendarBox{
    margin-bottom: 0;
  }
  .phoneBox2{
    margin-bottom: 8px;
    width: 100%;
    float: none;
    clear: both;
    overflow: hidden;
    .inputWidth{
      width: 66%!important;
      width: -moz-calc(100% - 66px)!important;
      width: -webkit-calc(100% - 66px)!important;
      width: calc(100% - 66px)!important;

    }
  }
  .del{
    float: left!important;
    margin-bottom: 15px;
  }
  .calendarHeader{
    padding: 0 15px;
  }
  body{
    .left-side{
      border-left: none;
    }
    .data{
      margin-bottom: 15px;
    }
    .basicInformation{
      .formGroupContent{
        margin-bottom: 20px;
      }
      .basicText{
        color: #909499;
      }
      p{
        line-height: 25px!important;
      }
    }
    .padBox{
      padding: 15px;
    }
    .filter{
      margin: 5px 0!important;
    }
    .pad{
      padding: 0;
    }
    .borderLine2 {
      padding: 24px 15px;
    }
    .findUser{
      padding-bottom: 7px!important;
    }
    .roleText{
      padding: 15px;
    }
    .addUserBox{
      margin:8px 0 15px 15px!important;
    }
    .reportList{
      margin-left: -1px;
      margin-right: -1px;
      .reportTitle{
        line-height: 50px!important;
        padding-left: 15px!important;
      }
      .repottText{
        padding: 0 15px 15px 15px !important;
      }
    }
    .accountInformationBody {
      .formGroupModle{
        padding: 15px 0!important;
      }
    }
    .invoiceHeader{
      .title,.col-md-9{
        padding: 0!important;
      }
      .invoiceHeader_right{
        position: relative!important;
        right: 0!important;
      }
    }
  }
  #no-more-tables tr{
    margin-bottom: -1px;
    td{
      border-bottom: 1px solid #eee;
      border-top: none!important;
      border-left: none!important;
      border-right: none!important;
    }
  }
  .datepicker{
    left: 50%!important;
    transform: translateX(-50%)!important;
  }
}
@media only screen and (max-width: 330px){
  .filterBox{
    .focus-btn-group{
      margin-bottom: 10px;
    }
  }
}